<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>完善资料</title>
    <link rel="stylesheet" href="../../common/mobiscroll.2.13.2.css">
    <link rel="stylesheet" href="../../common/mPicker.css">
    <link rel="stylesheet" href="../../common/base.css">
    <link rel="stylesheet" href="../../css/perfect-info.css">
</head>
<body>
    <header>
        <i class="go-back">
            <img src="../../img/go-back.png" alt="">
        </i>
        <span class="skip">跳过</span>
        <h1 class="perfect-title">完善信息</h1>
    </header>
    <ul class="perfect-content">
        <li>
            <span>昵称</span>
            <input type="text">
        </li>
        <li data-role="fieldcontain" class="demo-select">
            <span>性别</span>
            <select id="city" class="demo-test-select" data-role="none">
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
        </li>
        <li>
            <span>出生日期</span>
            <input type="text" id="demo2">
        </li>
        <li>
            <span>联系QQ</span>
            <input type="text">
        </li>
        <li>
            <span>地区</span>
            <input type="text" class="select-value" value="河南省">
        </li>
    </ul>
    <div class="perfect-btn">
        <a href="javascript:;">完成</a>
    </div>
</body>
<script type="text/javascript" src="../../lib/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="../../lib/vue.js"></script>
<script type="text/javascript" src="../../lib/layer/layer.js"></script>
<script type="text/javascript" src="../../lib/mobiscroll.2.13.2.js"></script>
<script type="text/javascript" src="../../lib/mPicker.js"></script>
<script type="text/javascript" src="../../common/common.js"></script>
<script type="text/javascript" src="../../js/perfect-info.js"></script>
</html>